<div class="content">
	<h3>{{ 'Manage your customers' | translate }}</h3>

	<div id="alertsBox"></div>

	<div class="panel panel-default">
		<accordion close-others="true">
			<accordion-group is-open="isFormOpen">
				<accordion-heading>
					<span class="page_title">{{ formTitle }}</span>
					<i class="pull-right fa" ng-class="{'fa-chevron-down': isFormOpen, 'fa-chevron-right': !isFormOpen}"></i>
				</accordion-heading>
				<form name="customerForm" id="customerForm">
					<div class="input-group form_field first_field full_field">
						<span class="input-group-addon">{{ 'Name' | translate }}</span>
						<input type="text" name="customer_name" id="customer_name" class="form-control" ng-model="customerModel.name" />
					</div>
					<div class="input-group form_field first_field full_field">
						<span class="input-group-addon">{{ 'Street name' | translate }}</span>
						<input type="text" name="customer_address" id="customer_address" class="form-control" ng-model="customerModel.address.street" />
					</div>
					<div class="input-group form_field first_field">
						<span class="input-group-addon">{{ 'Zip Code' | translate }}</span>
						<input type="text" name="customer_zip_code" id="customer_zip_code" class="form-control" ng-model="customerModel.address.zipCode" />
					</div>
					<div class="input-group form_field">
						<span class="input-group-addon">{{ 'City' | translate }}</span>
						<input type="text" name="customer_city" id="customer_city" class="form-control" ng-model="customerModel.address.city" />
					</div>
					<div class="input-group form_field first_field">
						<span class="input-group-addon">{{ 'VAT Nr.' | translate }}</span>
						<input type="text" name="customer_vat" id="customer_vat" class="form-control" ng-model="customerModel.piva" />
					</div>
					<div class="input-group form_field">
						<span class="input-group-addon">default &euro;/h</span>
						<input type="number" name="customer_eur_h" id="customer_eur_h" class="form-control" ng-model="customerModel.eur_h" />
					</div>
					<div class="input-group form_field first_field full_field form_button" style="float:right;">
						<button ng-show="!isInEditMode" class="btn btn-default standard_button" type="button" ng-click="saveCustomer(customerModel)">
							{{ 'Save customer' | translate }} <i class="fa fa-floppy-o"></i>
						</button>
						<button ng-show="isInEditMode" class="btn btn-default standard_button" type="button" ng-click="editCustomer(customerModel)">
							{{ 'Edit customer' | translate }} <i class="fa fa-floppy-o"></i>
						</button>
						<button class="btn btn-default standard_button" ng-click="resetEditSelection()"><!-- ng-show="isInEditMode" -->
							{{ 'Cancel' | translate }} <i class="fa fa-ban"></i>
						</button>
					</div>
				</form>
			</accordion-group>
		</accordion>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<span class="page_title">{{ 'View your customers' | translate }}</span>
		</div>
		<div class="panel-body">
			<form>
				<div class="input-group search_form form_field">
					<span class="input-group-addon">{{ 'Search' | translate }} <i class="fa fa-search"></i></span>
					<input type="text" ng-model="filterOptions.filterText" ng-change="search()" class="input-large search-query form-control" placeholder="Search">
				</div>
			</form>

			<br/>
			<br/>
			<br/>

			<div class="gridStyle" ng-grid="gridOptions"></div>
		</div>
	</div>

</div>